<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<pre>
			Vue实例中若render函数若存在，则 Vue 构造函数不会从 template 选项或通过 el选项指定的挂载元素中提取出的 HTML模板编译渲染函数。
			render函数选项 > template选项 > #el的outerHTML.
			h(App)函数 的作用是：使用App作为这个Vue实例的template（同时一并了注册App组件）
			<xmp>
				Vue2.x写法:
				render: h => h(App)
				render函数会直接将App组件覆盖$el
			</xmp>
			
			<xmp>
				Vue1.x写法:如果有template则编译template内容并渲染，如果没有template则编译$el.outerHtml作为template
				template: '<h1 class="b">222</h1>',
				components: {App},
			</xmp>
		</pre>
		<div id="app">
			<p>这是#app原有的内容</p>
			<App class="c" />
		</div>
		<script src="../node_modules/vue/dist/vue.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			let App = {
				template: '<h1 class="d">这是声明的App组件内容</h1>'
			}
			let vm = new Vue({
				el: '#app',
				data(){
					return {
						
					}
				},
				template: '<h2 class="b">这是template内容<App/></h2>',
				components: {App},
				//render: h => h(App),
			})
			
			
		</script>
	</body>
</html>
